草庐IT

ionic 浮动框

全部标签

html - ionic : how to change the size of FAB icon

我是跨平台开发新手。努力改变FAB的大小。这就是我现在拥有的:Start.fabStartBtn{font-size:72px;}但是大小还是一样的。如何访问按钮属性?我尝试了id、name、#name、:before-没有用。 最佳答案 进入您的theme/variables.scss文件并覆盖$fab-size变量,如下所示:$fab-size:70px;//Changevaluetowhateversizeyouwant 关于html-ionic:howtochangethesiz

html - 左浮动在 Internet Explorer 8 中不起作用

在我的站点FamilyLawAct我正在尝试将两排水平的图片/配置文件堆叠在一起。顶行是一个城市,底行是另一个城市。顶行正确float,但如您所见,底行没有float。相反,图片是垂直堆叠在一起的。它在Chrome和Firefox中工作正常,但在InternetExplorer8中存在这个问题。有什么想法吗?CSS#Vancouver{float:left;display:block;}.vancouver{float:left;padding-right:10px;}#New_York{clear:both;float:left;display:block;margin-top:20

html - 将元素锚定到 Ionic 菜单的底部

我有以下html在Ionic中构建侧边菜单。我的目标是锚定菜单中的最后一项,“登录”到菜单底部,远离其他元素。在Ionic中是否有一种简单的方法可以做到这一点?PeoplePlacesPerksLogin 最佳答案 在我正在构建的元素中,我们正在做同样的事情,并找到了可能对您有所帮助的解决方案。您可以根据需要调整样式。Item1Item2Item3Item4Logout 关于html-将元素锚定到Ionic菜单的底部,我们在StackOverflow上找到一个类似的问题:

CSS:向右浮动 div 会导致容器 div 在 IE 中拉伸(stretch)整个屏幕宽度

我看到一个类似的问题here,并没有看到答案。我遇到一个问题,其中一个元素在父div内向右浮动,这导致div在IE7中拉伸(stretch)页面的整个宽度。这不会发生在任何其他浏览器(Firefox和Chrome)中。我在问题后也贴了图片,以供引用。我使用的HTML如下:Testing我为这些标签使用的CSS也在下方。我注意到上面提到的其他人的问题和我的问题之间一致的一件事是,两个父div都应用了定位(上面的人有绝对,我已经修复)。#journal{z-index:1;}.journalIE{right:1px;bottom:18px;position:fixed;}#journal.

html - ionic 如何打开 pdf 文件并在 ios 和 android 设备中查看

我有一个pdf网址。当我尝试在浏览器中打开它的工作时。但是当我尝试在android和ios设备上打开时。我的pdf文件无法打开查看。这是我的代码:我的Controller:$window.OpenLink=function(link){window.open(link,'_system');};我的点击html代码:请帮帮我。如何打开我的pdf文件并在android和ios设备中查看。提前致谢!! 最佳答案 安装插件cordovapluginaddhttps://git-wip-us.apache.org/repos/asf/cor

html - ionic 3 自动调整网格布局

我使用ion-grid和一个ion-row构建了一个仪表板。ionic行包含10-12个ionic列。所以基本上,一旦达到屏幕宽度,列就会开始向下流动。这一切都很好,符合预期。但是,当这些列的宽度和高度不同时,问题就开始了。我定义了3种宽度类型的列:200px、400px和600px。高度也有3种变化200px、400px和600px。因此,总的来说,每个列可以是1*1、2*1、1*2、2*2、3*1和3*2大小。我正在使用dragula来拖放标题以根据需要调整布局。然而,初始布局总是呈现一些孔,尽管它们可以通过手动拖放来填充。那么,在初始阶段应该怎样处理才能避免布局出现漏洞。

android - Ionic/HTML5 - 十进制键盘输入?

如何在iOS和Android上显示带有小数按钮的数字键盘?是否有特定于Ionic的方法来执行此操作?我可以通过以下方式在iOS和Android上显示数字键盘:iOS似乎忽略了值“number”的type并根据pattern属性显示数字键盘,但type是对于Android,无论如何设置为“数字”。编辑:忘了说我已经尝试过pattern="[0-9.]*"。当我这样做时,iOS只会显示完整的键盘。Edit2:我也尝试过pattern="\d+[,.]?\d*"-再次无济于事。 最佳答案 尝试以下语法来实现这一点。它适用于iPhone和A

html - ionic 4 : how to hide ScrollBar in ion-content

我正在尝试隐藏ion-content中的滚动条(Ionic4)ionic4上没有ion-scroll,所以我使用了ion-content但我找不到任何css属性来隐藏它(大多数都不起作用)我确实想滚动,但我不想看到滚动条::-webkit-scrollbar,*::-webkit-scrollbar{display:none;}我试过了,但它在ion-content中不起作用。 最佳答案 因为Ionic使用shadowDOM作为ion-content,应该禁用shadowDOM元素的滚动,然后让ion-content自己滚动,然后隐

css - 居中一个 <div> 并向右浮动另一个

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Centeringonedivwhileanotherdivisfloatedtotheright?我正在尝试将container1居中并将container2float到其右侧,以便它稍微离开页面:示例:http://i.imgur.com/JHkfn.jpg不幸的是,container2在container1的下方和右侧跳动,正如您在网站模型中看到的那样(链接在下方。)网站模型:http://ad313.samrandolphdesign.com/CSS:#container1{margin:auto;b

html - 向左浮动 div 到下一行

我有类似下面的内容:Test问题是我需要让这个div重复多次。如果它重复多次,它不会强制您向右滚动以查看其余部分(就像我希望的那样),而是会向下滚动到下一行。问题示例:http://jsfiddle.net/ruh7z/1/任何帮助都会很好,谢谢 最佳答案 这种行为正是float应该做的。如果您将table-cell用于您的display样式,这可能会给您更多您所期望的。请注意,如果您使用table-cell,则必须使用填充而不是边距。.containerdiv{display:table-cell;padding-left:5px